﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="True"
    CodeBehind="Classificar.aspx.cs" Inherits="Locadora.Views.Filme.Classificar" %>

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <script src="../../Content/javascript/jquery-1.2.3.min.js" type="text/javascript"></script>  

    <div class="corpo">
    <div class="ajuda" id="ajuda">
    <div class="dentro">
            <h4>Qualificando um usuário</h4>
            <p>
                Para qualificar basta selecionar o tipo de classificação, Positiva ou Negativa, e adicionar o
                comentário sobre o por quê da qualificação.
            </p>
            <div id="image-fechar">
                <img src="/DVDShare/Content/images/close.gif" />
            </div>
            </div>
        </div>
        <h2>Qualificar Locador <%= Membership.GetUser(new Guid(ViewData["Id"].ToString())).ToString().ToUpper() %></h2>
        
         <!-- DIV de erro enviados pelo servidor -->
        <div id="container_right">
        <div class="newsimg">
            <div id="erro" style="padding-bottom:10px;padding-top:10px;"></div>
        </div>
        </div>
        <!-- fim div -->
         <form id="classifica-form" action="/DVDShare/Filme/Classifica/<%= ViewData["Id"] %>" method=post>
        <% if (ViewData["ErrorMessage"] != null)
           { %>
           <p class="erro">
        Ocorreu um erro:
        <br />
        <%= ViewData["ErrorMessage"] %>
        </p>
        <br />
        <% } %>
        <table class="list" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    Título:
                </td>
            
                <td>
                    <%= ViewData["Titulo"] %>
                </td>
            </tr>
            <tr><td>Tipo Classificacao:</td>
            <td>
                <input type="radio" name="tipo" value=0/>Negativa
                <input type="radio" name="tipo" value=1/>Positiva
            </td>
            </tr>
            <tr><td colspan="2">Comentários:</td></tr>
            <tr><td colspan="3"> <textarea  name="comentario" cols="40" rows="5"></textarea></td></tr>
        <tr>
            <td colspan="2">
                <input type="hidden" name="coUsuario" value="<%= (Membership.GetUser(Page.User.Identity.Name)).ProviderUserKey.ToString()%>" />
                <input type="hidden" name="coLocacao" value="<%= ViewData["CoLocacao"] %>" />
                <input type="submit" value="Enviar" />
            </td>
        </tr>
            
        </table>
        </form>
         <div class="image_ajuda">
            <img src="/DVDShare/Content/images/help.gif" id="help" alt="Clique para ajuda."/>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {

            $("#erro").hide();
            var mostrarForm = true;

            jQuery().ajaxStart(function() {
            showLoading();
            
            $("#classifica-form").fadeOut("slow");
                $("#erro").hide();
            });

            jQuery().ajaxStop(function() {
            hideLoading();
            if (mostrarForm) {
                
                    $("#classifica-form").fadeIn("fast");
                }
            });

            $('#classifica-form').submit(
            function() {
            var f = $('#classifica-form');
                var action = f.attr("action");
                var serializedForm = f.serialize();
                $.post(action,
                    serializedForm,
                    function(txt) {
                        $("#erro").html(txt);
                        if (txt == "Qualificação efetuada!") {
                            $("#erro").css({ color: 'green' });
                            mostrarForm = false;
                        }
                        else {
                            $("#erro").css({ color: 'red' });
                        }
                        $("#erro").show();
                    });
                return false;
            });



        $(".ajuda").hide();

        $("#help").toggle(function() {
            $(".ajuda").hide('slow');
        }, function() {
            $(".ajuda").show('fast');
        });

        $("#image-fechar").toggle(function() {
            $(".ajuda").hide('slow');
        }, function() {
            $(".ajuda").show('fast');
        });


        });
    </script>
</asp:Content>
